<template>
	<view>
		<u-navbar :is-back="true" title=" " :title-bold="true" :title-size="34" :background="{ background: '#ffffff'}"
			back-icon-name="close" back-icon-size="32" title-color="#404133" :border-bottom="false">
		</u-navbar>
		
		<template v-if="recordData.tradeTitle.indexOf('辽宁高速')!=-1">
			<liaoning-gaosu :recordData="recordData"></liaoning-gaosu>
		</template>
		<template v-else-if="recordData.tradeTitle.indexOf('三顾冒菜')!=-1">
			<sangumaocai></sangumaocai>
		</template>
		<template v-else-if="recordData.tradeTitle.indexOf('亚孚石化')!=-1">
			<shihua></shihua>
		</template>
		<template v-else-if="recordData.tradeTitle.indexOf('润欣')!=-1">
			<xinrun></xinrun>
		</template>
		<template v-else-if="recordData.tradeTitle.indexOf('转账')!=-1">
			<zhuanzhang  :recordData="recordData"></zhuanzhang>
			<view style="width: 100%;text-align:center;padding:50rpx;color:#909399;position: absolute;bottom: 50rpx;">
				<text>本服务由财付通提供</text>
			</view>
		</template>
		<!--  v-if="recordData.tradeTitle.indexOf('扫二维码')!=-1" -->
		<template v-else>
			<saoma  :recordData="recordData"></saoma>
			<view style="width: 100%;text-align:center;padding:50rpx;color:#909399;position: absolute;bottom: 50rpx;">
				<text>本服务由财付通提供</text>
			</view>
		</template>
	</view>
</template>

<script>
	import saoma from './bill-detail-components/saoma.vue';
	import liaoningGaosu from './bill-detail-components/liaoning-gaosu.vue';
	import sangumaocai from './bill-detail-components/sangumaocai.vue';
	import shihua from './bill-detail-components/shihua.vue';
	import xinrun from './bill-detail-components/xinrunshangye.vue';
	import zhuanzhang from './bill-detail-components/zhuanzhang.vue';
	export default {
		components:{
			saoma,liaoningGaosu,sangumaocai,shihua,xinrun,zhuanzhang
		},
		data() {
			return {
				recordData:null,
			};
		},
		onLoad(option) {
			let that=this;
			let paramVal= option.record;
			if(paramVal!=null&&paramVal!=undefined&&paramVal.length>0){
				that.recordData=JSON.parse(decodeURIComponent(paramVal));
				console.log("recordData",that.recordData);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.field-class {
		color: #909399 !important;
		font-size: 28rpx !important;
		margin: 0rpx !important;
		padding: 0rpx !important;
	}
</style>
<style>
	page {
		background-color: #efefef;
	}
</style>